<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
<title>图片轮换</title>
	<link rel="stylesheet" href="css/scroll.css">
	
</head>
<script type="text/javascript">
	function shiftPic()
			{
				var im=document.getElementById("nn");
				im.setAttribute("src","images/1.gif");

			}
				function shiftPic2()
			{
				var im=document.getElementById("nn");
				im.setAttribute("src","images/2.gif");

			}
				function shiftPic3()
			{
				var im=document.getElementById("nn");
				im.setAttribute("src","images/3.jpg");

			}
				function shiftPic4()
			{
				var im=document.getElementById("nn");
				im.setAttribute("src","images/4.jpg");

			}
				function shiftPic5()
			{
				var im=document.getElementById("nn");
				im.setAttribute("src","images/5.gif");

			}
			
</script>
<body>
<div class="scroll">
	<div id="num">
		<a href="#" onclick="shiftPic()">1</a>
		<a href="#" onclick="shiftPic2()">2</a>
		<a href="#" onclick="shiftPic3()">3</a>
		<a href="#"	onclick="shiftPic4()">4</a>
		<a href="#"	onclick="shiftPic5()">5</a>
	</div>
	<img id="nn" src="images/1.gif" alt="图片" id="photo"/>
</div>
</body>
</html>
